/**
 * 间距
 */
@cpaas-gutter-grow: 4px;

@cpaas-gutter: 16px;
@cpaas-gutter-md: @cpaas-gutter - @cpaas-gutter-grow; // 12px
@cpaas-gutter-sm: @cpaas-gutter-md - @cpaas-gutter-grow; // 8px
@cpaas-gutter-xs: @cpaas-gutter-sm - @cpaas-gutter-grow; // 4px
@cpaas-gutter-lg: @cpaas-gutter + @cpaas-gutter-grow; // 20px
@cpaas-gutter-xl: @cpaas-gutter-lg + @cpaas-gutter-grow; // 24px
@cpaas-gutter-xxl: @cpaas-gutter-xl + @cpaas-gutter-grow; // 28px

// form layout gutter

@cpaas-gutter-form-search: @cpaas-gutter-md; // 12px
@cpaas-gutter-form-edit: @cpaas-gutter-xl; // 24px

// block gutter
@cpaas-gutter-block: @cpaas-gutter-xl; // 24px connect is small
@cpaas-gutter-inline: @cpaas-gutter; // 16px connect is big

@cpaas-gutter-bgc: #b9d3ff;
@cpaas-gutter-bgc-light-1: #eee;
@cpaas-gutter-bgc-light-2: #f0f0f0;

/**
 * 字体
 */

@cpaas-font-size-title: 14px;
@cpaas-font-size-normal: 12px;

/**
 * 色彩
 */

// 主要颜色 用于导航栏按钮 或者 其他需要强调的 文字 按钮 操作等
@cpaas-primary-color: #1e3255;

// 次级主要颜色 用于页面内部的主要按钮等
@cpaas-primary-color-2: #29bece;

// 次要颜色 用于 icon 图表等
@cpaas-primary-color-3-blue: #0687ff;
@cpaas-primary-color-3-purple: #cb38ad;
@cpaas-primary-color-3-yellow: #ffbc00;
@cpaas-primary-color-3-red: #f02b2b;

// 低频颜色
@cpaas-minor-color-blue: #daedfe;
@cpaas-minor-color-purple: #f8e1f3;
@cpaas-minor-color-yellow: #fff6d9;
@cpaas-minor-color-red: #fddfdf;

// 背景色
@cpaas-bgc-color: #b9d3ff;
@cpaas-bgc-color-light: #eee;
@cpaas-bgc-color-lightest: #f0f0f0;
@cpaas-bgc-color-dark: #d5dae0;
@cpaas-simple-bgc-color: #f4f6f8;

// 标题颜色
@cpaas-title-second-color: #6d7a80;

// 主按钮颜色
@cpaas-primary-btn-hover-color: #405477;

// disabled color

@cpaas-color-disabled: #ccc;
@cpaas-bgc-color-disabled: #f5f5f5;

// 表单相关
@form-item-has-error-color: #f13131;

// Input 颜色

// Tabs 相关
// FIXME: 暂时不能覆盖父级元素的 border 因为 overflow: hidden 了
@cpaas-tabs-card-tab-padding: 9px 14px;
@cpaas-tabs-card-tab-active-padding: 9px 14px;

// 水平
@cpaas-tabs-line-vertical-tab-padding: 13px @cpaas-gutter;
@cpaas-tabs-line-vertical-tab-margin: 0 @cpaas-gutter 0 0;

// 垂直
@cpaas-tabs-line-horizontal-tab-padding: 10px @cpaas-gutter;
// 颜色
@cpaas-tabs-tab-color: #4c4c4c;

// 表单相关
@cpaas-form-required-color: #fffbdf;

// 表格相关
@cpaas-form-disabled-label-color: #666;
@cpaas-form-disabled-wrapper-color: #333;

// notification
@cpaas-notification-success-color: #4aa44e;
@cpaas-notification-info-color: #3689f7;
@cpaas-notification-warn-color: #f6bd41;
@cpaas-notification-error-color: #dd4037;

// 所有的 z-index 必须在这里声明

// 菜单的 z-index
@cpaas-layout-menu-z-index: 1100;
